<!-- Generated template for the ZuopinmyComponent component -->
<div style="padding: 11px;">
  <ng-container *ngFor="let info of listitemwodezuopin;let i=index;" >
    <div style="margin-top: 11px;background-color: white;border-radius: 6px 6px 6px 6px">
  <ion-card style="padding: 8px">

    <img style="width: 100%" src="http://www.bkqs8.com/photo/weChatApi/loadImg?path=science&filename={{info['img']}}"/>
    <br>
    <ion-card-content>
      <ion-card-title>
        {{info['worksTitle']}}
      </ion-card-title>
      <p>
        {{info['content']}} <br>
        {{info['imgRemark']}}
      </p>
      <p>创建时间：{{info['createTime']}}</p>
      <p>拍摄地点：{{info['address']}}</p>
    </ion-card-content>

    <ion-item>
      <img style="width: 28px;height: 28px" src="assets/icon/dianzan.png">
      喜欢
      <ion-badge item-end>{{info['giveLikeNumber']}}</ion-badge>
    </ion-item>

    <ion-item>
      <img style="width: 28px;height: 28px" src="assets/icon/liuyan.png">
      留言
      <ion-badge item-end>{{info['replyNumber']}}</ion-badge>
    </ion-item>

    <ion-item>
      <img style="width: 28px;height: 28px" src="assets/icon/zhuanfa.png">
      转发
      <ion-badge item-end>{{info['forwardNumber']}}</ion-badge>
    </ion-item>


    <ion-card-content><br>
      <ion-card-title>
        问题
      </ion-card-title>
      <p>{{info['answerOne']}}</p><br>
      <p>{{info['answerTwo']}}</p><br>
      <p>{{info['answerThree']}}</p><br>
      <p>{{info['answerFour']}}</p><br>
      <p>{{info['answerFive']}}</p><br>
      <p>{{info['answerSix']}}</p><br>
    </ion-card-content>
    <br>
    <div style="text-align: center">
      <button style="background-color: #f53d3d ;border-radius: 5px;color: snow;width: 89%;height: 36px" outline (click)="querymore(info['id'])">删除作品</button>
    </div>


  </ion-card>
    </div>
  </ng-container>
</div>
